@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
#news-content p {
	margin: 8px 0
}
a {
	text-decoration: none;
}
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	line-height: 1.5em;
	width:100%;
	color: #333;
	text-align: justify;
	background: url(../images/page-bg.png) repeat top;
}
img, png {
	border: none;
}
br {
	margin-bottom: 10px
}
div {
	overflow: hidden;
}
#page-bg {
	width: 100%;
background: url(../images/page-bg2.png) repeat-x top;}
big {
	color: #CCCCCC;
	display: block;
	float: left;
	font-family: times New Roman;
	font-size: 42px;
	height: 36px;
	line-height: 35px;
	margin-right: 3px;
}
#wrapper {
	background: url(../images/wrap2-bg-tet.png) top no-repeat #FFF;
	width: 950px;
	margin: 0 auto;
	padding-bottom: 10px;
}
#header {
	width: 100%;
	height: 176px;
}
#logo {
	display: block;
	padding-right:20px;
	float: left;
	text-align: center;
}
#logo img {
	margin-bottom: 15px
}
#logo p {
	color: green;
	font-size: 13px;
}
.nameCT{height: 128px;
width: 765px;margin: 0 0 0 0;
background: url(../images/bgheard.png) top left no-repeat;}
.nameCT h1{margin-top: 30px;
color: #1DA55A;
font-weight: bold;
font-size: 28px;
text-align: center;
line-height: 37px;-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: white;
font-family: tahoma;}
.nameCT h1 span{color: red;font-size: 46px;
line-height: 53px;
-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: white;
font-family: tahoma;}
#slide-content a {
	display: block;
	overflow: hidden
}
.active-menu a {
	cursor: default
}
#banner {
	width: 100%;
	height: 125px
}
#flash {
	position: absolute;
	height: 125px;
	padding-left: 200px
}
#flash1 {
	position: absolute;
	height: 125px;
	padding-left: 200px
}
#main-menu {
	height: 175px;
	width: 739px;
	float: left;
}
#main-menu #menu li {
	float: left;
	list-style: none;
	height: 36px;
	margin: 0 7px;
	margin-top: 10px;
	line-height: 29px;
	display: block;
	overflow: hidden;
}
#main-menu #menu span {
	float: left;
}
#main-menu #menu li.home {
	display: inline;
}
#main-menu #menu li a {
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	display: block;
}
.left-conner {
	float: left;
	width: 14px;
	height: 29px;
}
.right-conner {
	float: left;
	width: 14px;
	height: 29px;
}
.active-menu .left-conner {
	background: url(../images/left-conner.png) !important;
}
.active-menu .right-conner {
	background: url(../images/right-conner.png) !important;
}
.active-menu span {
	background: url(../images/menu-bg.png) !important;
	;
	text-align: center
}
.button-bg {
	width: 13px;
	height: 7px;
	margin: 0 auto;
	clear: both;
	_margin-top: -6px;
	float: left;
}
.active-menu .button-bg {
	background: url(../images/arrow-down.png) no-repeat center !important;
}
#main-menu #menu .active-menu span a {
	color: #318e1b;
}
.menu-on-hover .button-bg {
	background: url(../images/arrow-down-transperent.png) no-repeat center;
}
.menu-on-hover .left-conner {
	background: url(../images/left-conner-transperent.png);
}
.menu-on-hover .right-conner {
	background: url(../images/right-conner-transperent.png);
}
.menu-on-hover span {
	background: url(../images/menu-bg-transperent.png);
	text-align: center;
}
#main-content {
	width: 100%;
	background: url(../images/content-bg.png) repeat-x;
	overflow: hidden;
	padding-bottom: 10px;
}
#left-side-bar {
	width: 230px;
	float: left;
	display: inline;
	margin-left: 10px;
	margin-top: 30px;
}
.box-side .label {
	height: 41px;
	width: 230px;
}
.label .left-conner-label {
	float: left;
	width: 7px;
	height: 41px;
	background: url(../images/label-bg-left.png);
}
.label .right-conner-label {
	float: left;
	width: 7px;
	height: 41px;
	background: url(../images/label-bg-right.png);
}
.label .main-label {
	float: left;
	height: 41px;
	width: 216px;
	background: url(../images/label-bg-midle.png) repeat-x;
}
.main-label p {
	padding-left: 30px;
	height: 41px;
	line-height: 41px;
	text-transform: uppercase;
	color: #494040;
	font-weight: bold;
}
.box-side1 .label p {
	background: url(../images/box-side1.png) no-repeat 5px center;
}
.side-content {
	width: 100%;
	background: #fff;
	overflow: hidden;
}
.side-content li {
	padding-left: 22px;
	line-height: 31px;
	background: url(../images/arrow-left.png) 8px 12px no-repeat;
}
.side-content li a {
	color: #615a5a;
	font-size: 12px;
	display: block;
	height: 31px;
	line-height: 31px;
}
.side-content li a:hover {
	color: #629f1a;
}
.side-content li.gachchan {
	width: 100%;
	display: block;
	height: 1px !important;
	line-height: 0;
	background: url(../images/list-bg.png);
	list-style: none;
	margin-left: 0;
}
.side-content .list2 li {
	color: #a0ba98;
	list-style: none;
}
.side-content .list2 li.active a {
	color: #3EA626;
	font-weight: bold
}
.side-content .list2 li.gachchan {
	background: url(../images/list2..png) left no-repeat;
}
.sp img.normal {
	width: 255px;
	height: 250px;
	position: absolute;
	display: none;
	background: #DDD;
	border-radius: 8px;
	border-width: 0;
	border: 1px #999 solid\9;
	padding: 0;
	box-shadow: 0 0 10px #555;
}
.click-on a {
	font-weight: bold
}
.active .click-on a {
	color: #3EA626
}
.side-content .list2 {
	display: block !important;
}
.bottom-bg-side {
	width: 100%;
	height: 8px;
	background: url(../images/box-side-bg.png);
}
.top-bg-side {
	width: 100%;
	height: 8px;
	background: url(../images/box-side-bg-top.png);
}
.box-side2 {
	margin-top: 10px;
}
.box-side2 .label p {
	background: url(../images/box-side1.png) no-repeat 5px center;
}
.box-side3 {
	margin-top: 10px;
}
.box-side3 .label p {
	background: url(../images/box-side3.png) no-repeat 5px center;
}
.support {
	width: 220px;
	margin: 0 auto;
	border-bottom: 1px dotted #988a8a;
}
.kd2 {
	border: none;
}
.support p {
	background: url("../images/contact.png") no-repeat scroll left 9px transparent;
	color: #494040;
	margin-left: 10px;
	padding-left: 15px;
	padding-top: 5px;
}
.support li {
	margin-left: 0px;
	list-style: none;
	font-size: 12px;
	color: #494040;
}
.support li a {
	display: inline;
	margin-left: 30px;
}
.support li a img {
	margin-bottom: -4px;
}
.cover-thongke {
	background: url(../images/thongke.png) right center no-repeat;
	width: 220px;
}
.thongke {
	padding: 10px 10px 10px 40px;
}
.thongke span {
	float: right;
}
.thongke1 {
	background: url(../images/online.gif) 10px center no-repeat;
}
.thongke2 {
	background: url(../images/box-side5.png) 10px center no-repeat
}
.thongke3 {
	background: url(../images/thongke.gif) 10px center no-repeat;
}
.box-side4 {
}
#guitin2 input {
	padding: 0 5px
}
.box-side4 .label p {
	background: url(../images/box-side5.png) no-repeat 5px center;
}
.dt-inner .doitac {
	width: 218px;
	height: 103px;
	border: solid 1px #ded7d7;
	margin: 0 auto;
	margin-top: 10px;
	overflow: hidden;
	float: left;
	margin-left: 10px
}
.heading-content.dt {
	background: url(../images/heading-dtt.png) left no-repeat;
	color: #666
}
.dt-inner {
	width: 930px;
	margin: 0 auto;
	background: #FFF;
	padding-bottom: 10px;
}
#dt-title {
	width: 930px;
	margin: 0 auto
}
.ondoitac {
	width: 100%;
	height: 100%;
	float: left;
}
.logodoitac {
	text-align: center;
	width: 210px;
	overflow: hidden;
	float: left;
	height: 103px;
	line-height: 103px;
	padding-left: 8px
}
.chitietdoitac {
	width: 0px;
	height: 104px;
	background: #6eb85c;
	overflow: hidden;
	margin-left: 0;
}
.chitietdoitac ul {
	display: block;
	width: 165px;
	margin: 0 auto
}
.chitietdoitac li {
	height: 15px;
	line-height: 15px;
	display: block;
	clear: both;
	margin-top: 20px;
	list-style-image: url(../images/arrow-dt.png);
}
.chitietdoitac li a {
	height: 15px;
	line-height: 15px;
	color: #fff;
	font-weight: bold;
}
.chitietdoitac li a:hover {
	color: #0F3;
}
#content {
	width: 691px;
	overflow: hidden;
	float: left;
	display: inline;
	margin-left: 10px;
	margin-top: 30px;
}
#top-content {
	width: 100%;
	height: 262px;
	background: url(../images/slide-bg.png) no-repeat center bottom;
}
#ontop-content {
	position: relative;
	width: 100%;
	height: 260px;
	overflow: hidden;
}
#cover-slide {
	width: 691px;
	height: 260px;
	float: left;
	overflow: hidden;
}
#slider {
	overflow: hidden;
	height: 250px;
}
#slider img {
	float: left;
}
.pagination {
	width: 100px;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 10px;
}
.pagination a {
	background: url(../images/no-activeimg.png) no-repeat transparent;
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
	display: inline-block;
	cursor: pointer;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #999f98;
}
.pagination a.selected {
	background: url(../images/active-img.png);
	cursor: default;
	color: #fff;
}
.pagination a.selected span {
}
#slide-content {
	width: 208px;
	height: 254px;
	float: left;
	margin-left: 484px;
	margin-top: -260px;
	position: relative;
	z-index: 10;
}
#slide-content ul {
	width: 100%;
	margin-top: -2px
}
#slide-content ul li {
	height: 58px;
	overflow: hidden;
	padding: 5px 5px 0 32px;
	background: url(../images/noactive-content.png) right repeat-y;
}
#slide-content ul li:hover {
	background: url(../images/content-hover.png) right repeat-y;
}
#slide-content ul li p {
	line-height: 16px;
	padding-bottom: 5px;
	background: url(../images/list2..png) bottom no-repeat
}
#slide-content ul li.active {
	background: url(../images/active-content.png) left no-repeat;
}
#slide-content ul li.active p {
	background: none
}
#slide-content p {
	line-height: 22px;
	color: #3d483d;
}
#slide-content ul li span {
	font-size: 13px;
	font-weight: bold;
	color: #3d483d;
}
#slide-content ul li.gachchan {
	width: 173px;
	;
	display: block;
	height: 1px !important;
	line-height: 0;
	background: url(../images/list-bg.png);
	list-style: none;
	margin-left: 0;
	padding: 0;
	margin-left: 27px;
}
.items-detail {
	width: 100%;
	overflow: hidden;
}
.heading-content {
	height: 39px;
	width: 100%;
	background: url(../images/heading-content.png);
	border-radius: 5px 5px 0 0
}
.heading-content p {
	float: left;
	width: auto;
	height: 39px;
	line-height: 39px;
	font-size: 14px;
	padding-left: 60px;
	font-weight: bold;
	background: url(../images/icon1.png) 10px center no-repeat;
	color: #403737
}
.heading-content span {
	height: 23px;
	width: 58px;
	line-height: 23px;
	background: url(../images/all.png);
	text-align: center;
	display: block;
	color: #000;
	display: inline-block;
	margin-top: 8px;
	float: right;
	margin-right: 10px;
}
.heading-content span a {
	color: #6b6c6b;
	font-size: 12px;
	text-transform: capitalize;
}
.bottom-content-bg {
	width: 100%;
	background: url(../images/bottom-content-bg.png);
	height: 10px;
}
.bottom-content-bg2 {
	width: 100%;
	background: url(../images/bottom-content-bg2.png);
	height: 10px;
}
.content-detail {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFF;
	overflow: hidden;
}
.content-detail.sanpham {
	background: #DCF8C7;
}
.on-content-detail {
	margin-left: 15px;
	overflow: hidden;
}
#news-content {
	margin-right: 15px
}
.sp {
	float: left;
	height: 165px;
	margin-bottom: 10px;
	margin-right: 13px;
	width: 122px;
}
.pro-info {
}
.sp img {
	border: 2px solid #CCC;
	border-radius: 4px 4px 4px 4px;
	height: 112px;
	padding: 2px;
	width: 114px;
}
.sp p {
	height: 17px;
	margin-top: 5px;
	overflow: hidden;
	text-align: center;
}
.sp span {
	text-align: center;
	color: #9d6516;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
.items-detail2 {
	margin-top: 10px;
}
.items-detail2 .heading-content p {
	background: url(../images/icon2.png) 10px center no-repeat;
}
/*==================footer style==================*/
#fotter-wrap {
	width: 100%;
	background: #A9EEAA;
}
#fotter-wrap h6 {
	font-size: 14px;
}
#fotter-wrap a {
	color: #100e0e;
}
#fotter-wrap a:hover {
	color: #3a2f2f;
}
#fotter-wrap table{margin: 0 auto;
text-align: center;}
/*=============================tintuc style==============================*/
.news .heading-content p {
	background: url(../images/news.png) 10px center no-repeat;
	color: #403737
}
.news div {
	overflow: hidden;
}
.tin, .chitiet {
	border-bottom: 1px solid #CCCCCC;
	margin: 0 auto;
	padding-bottom: 8px;
	margin-top: 10px;
	width: 665px;
}
.tin-title {
	font-weight: bold;
	line-height: 15px;
	width: 100%;
	margin-bottom: 10px;
}
.tin-title a {
	color: #504242;
}
.tin-title a:hover {
	color: #3cc51d;
}
.tin-content {
	width: 100%;
}
.tin-thumb {
	float: left;
	width: 115px;
	height: 113px;
}
.tin-thumb img {
	padding: 2px;
	background: #fff;
	border: 1px grey solid;
}
.tin-txt {
	margin-left: 10px;
	display: inline-block;
	width: 525px;
}
.tin-tomtat {
	height: 72px;
	font-size: 12px;
	line-height: 18px;
}
.tin-txt .readmore {
	float: right;
	font-size: 11px;
	color: #093;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
}
.paging {
	clear: both;
	float: right;
	margin: 6px 20px 11px 0;
}
.paging span {
	background: url("../images/page-current.png") repeat scroll 0 0 transparent;
}
.paging a, .paging span {
	color: #FFFFFF;
	display: block;
	float: left;
	font-weight: bold;
	height: 28px;
	line-height: 20px;
	margin-right: 5px;
	text-align: center;
	text-decoration: none;
	width: 21px;
}
.paging a {
	background: url("../images/page.png") repeat scroll 0 0 transparent;
}
/*=========================liên hê style======================*/
.contact .heading-content p {
	background: url(../images/contact-icon.png) 10px center no-repeat;
}
#chitietlienlac {
	width: 468px;
	margin-left: 10px;
	margin-top: 10px;
}
#top-bg {
	width: 377px;
	height: 6px;
	background: url(../images/lienlac-top.png);
}
#bottom-bg {
	width: 377px;
	height: 28px;
	background: url(../images/lienlac-bottom.png);
}
#loinhan {
	background: url(../images/lienlac-midle.png) repeat-y;
	width: 377px;
}
#loinhan p {
	padding: 5px 10px;
	line-height: 20px;
}
.longtext {
	height: 29px;
	width: 361px;
	line-height: 29px;
}
.shorttext {
	height: 29px;
	line-height: 29px;
}
#textarea {
	width: 371px;
	resize: none;
}
#button {
	width: 73px;
	height: 30px;
	background: url(../images/send-bt.png);
	border: none;
	padding: 0;
	margin: 0;
}
#button:hover {
	background: url(../images/send-bt-hover.png);
}
#button2 {
	width: 73px;
	height: 30px;
	background: url(../images/dontsend-bt.png);
	border: none;
	padding: 0;
	margin: 0;
}
#button2:hover {
	background: url(../images/dontsend-bt-hover.png);
}
#capcha {
	float: left;
}
#refresh {
	margin-left: 10px;
	width: 20px;
	height: 29px;
	background: url(../images/refresh.png) center no-repeat;
	border: none;
	cursor: pointer;
}
#refresh:hover {
	background: url(../images/refresh-hover.png) center no-repeat;
}
#guitin {
	border: 10px solid #fff;
}
/*=====================================chi tiet san pham================*/
#slide-sp {
	float: left;
	width: 271px;
	overflow: hidden;
	display: inline;
}
#spslide img {
	float: left;
	width: 255px;
	height: 250px;
	padding: 5px;
	background: #fff;
	border: 1px solid #d8d0d0;
}
#inslide-sp {
	position: relative;
	width: 271px;
}
#toi-bt {
	background: url("../images/prev-bt2.png") no-repeat scroll 0 0 transparent;
	height: 31px;
	left: 0px;
	position: absolute;
	top: 11px;
	width: 23px;
}
#toi-bt:hover {
	background: url("../images/prev-bt2-hover.png") no-repeat;
}
#lui-bt {
	background: url("../images/next-bt2.png") no-repeat scroll 0 0 transparent;
	height: 31px;
	position: absolute;
	right: 0px;
	top: 11px;
	width: 23px;
}
#lui-bt:hover {
	background: url("../images/next-bt2-hover.png")
}
#inslide-sp .caroufredsel_wrapper {
	margin: 0 auto !important;
}
.thumnails {
	margin-left: 6px;
}
.thumnails img {
	height: 45px;
	margin: 3px;
	width: 51px;
	border: 1px solid grey;
}
.thumnails .selected {
	border: 1px solid #fff;
}
#chitietsp {
	float: left;
	margin-left: 10px;
	overflow: hidden;
	width: 389px;
}
.tinhnang {
	width: 85px;
	float: left;
	display: inline;
	line-height: 20px;
	font-size: 13px;
	font-weight: bold;
	color: #504242;
}
.tinhnang span {
	margin-left: 10px;
}
.thongtin {
	width: 290px;
	float: left;
	padding-left: 5px;
}
.chitietsanpham {
	margin-top: 5px
}
#dathang {
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}
#dathang-bt {
	width: 101px;
	height: 31px;
	background: url(../images/dathang-bt.png);
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 60px;
}
#dathang-bt:hover {
	background: url(../images/dathang-bt-hover.png);
}
#formdathang {
	width: 100%;
	overflow: hidden;
	height: 0;
}
#dathang-top {
	width: 389px;
	height: 17px;
	background: url(../images/dathang-top-bg.png);
}
#dathang-bottom {
	width: 389px;
	height: 11px;
	background: url(../images/dathang-bottom-bg.png);
}
#formchinh {
	width: 389px;
	background: url(../images/dathang-midle-bg.png);
	overflow: hidden;
}
#formchinh .row {
	width: 100%;
	margin-bottom: 5px;
}
#formchinh .col1 {
	width: 85px;
	float: left;
	height: 29px;
	line-height: 29px;
	padding-left: 5px;
}
#formchinh .col2 {
	width: 280px;
	float: left;
	height: 29px;
	line-height: 29px;
}
#formchinh .col2 input {
	width: 273px;
	height: 26px;
	border: none;
	line-height: 26px;
	border: #d4d1ce solid 1px;
	padding-left: 5px;
}
#formchinh .col2 .masp {
	width: 95px;
	height: 26px;
	float: left;
	line-height: 26px;
}
.coloncol2 {
	width: 54px;
	height: 26px;
	float: left;
	text-align: center;
	line-height: 26px;
}
#formchinh .col2 .oncol2 input.other {
	width: 117px;
	height: 24px;
	line-height: 26px;
	float: left;
	display: inline;
}
#formchinh .ask .col2 {
	height: auto !important;
}
#formchinh .ask .col2 textarea {
	width: 273px;
	padding-left: 5px;
	height: 136px;
	resize: none;
}
#formchinh .capcha input {
	width: 137px;
	float: left;
}
#formchinh .capcha .col2 img {
	float: left;
	margin-left: 5px;
	display: inline;
}
#send-dathang {
	width: 100%;
	height: 30px;
}
#guibt {
	width: 73px;
	height: 30px;
	background: url(../images/send-bt.png);
	border: none;
	margin-left: 89px;
}
#guibt:hover {
	background: url(../images/send-bt-hover.png);
}
#huybt {
	width: 73px;
	height: 30px;
	background: url(../images/dontsend-bt.png);
	border: none;
}
#huybt:hover {
	background: url(../images/dontsend-bt-hover.png);
}
.control {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}
.control input {
	width: 29px;
	height: 29px;
	margin-left: 5px;
	border: none;
}
.dt-next {
	background: url(../images/doitac-bt.png);
}
.dt-prev {
	background: url(../images/doitac-bt2.png);
}
.dt-next:hover {
	background: url(../images/doitac-bt-hover.png);
}
.dt-prev:hover {
	background: url(../images/doitac-bt2-hover.png);
}
.nameFQT{width:100%;}
/* ==================================Copyright ================================================== */
.copyright {width: 950px;
margin: 0 auto;
text-align: center;}
.copycolor:hover {color:#B4830B !important;font-weight:bold;}
.copycolor{color:#007CA3 !important; font-weight:bold;}